.hollow-slider-container {
  /* overflow: hidden; */
  top:0;bottom:0;left:0;right:0;
  position: absolute;
  background: "black";
  height: 100vh;
  width: 100%;
  background-size: cover;
}
.anime-item img{
  box-sizing: border-box;
  position:absolute;
  height:100%;width:100%;
  border:3px solid dodgerblue;
  border-radius: 50%;

}
.anime-item.anime-item-lg.is-activate{
  width:300px;height:300px;

}
.show{
  display:block !important;
}
.anime-item.anime-item-sm.is-activate{
  width:260px;height:260px;

}
.anime-item.is-activate{
  width:220px;height:220px;
  
}
.anime-item.is-activate .img-title{
  font-size:36px;
}
.anime-item.is-activate .img-title-no{
  display:block;
}
.anime-item.anime-item-lg{
   width:150px;height:150px;
}
.anime-item{
  cursor:pointer;
  box-sizing: border-box;
  
  height:120px;
  width:120px;
  /* border-radius: 50%; */
  /* background-position: center; */
  position:absolute;
  left:0;top:0;z-index:4;
  transform:translate(-50%,-50%);
  transition-duration: 0.5s;
  transition-property:height,width ;
}

.img-title-no{
  display:none;
  color:white;
  line-height:1;
  font-weight:bold;
  position:absolute;
  top:3px;
  font-size:0.6em;
  left:0;transform:translateX(-100%);
}
/* .img-title-no .title-deco{
  position:absolute;
  top:3px;
  left:0;
  transform:translateX(-100%);
} */

.img-title{
  white-space: nowrap;
  font-size:18px;
  line-height:100%;
  position:absolute;
  left:50%;
  bottom:0;transform:translate(-50%,150%);
  text-align: center;color:white;
}
.backImg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  /* opacity: 0; */
  /* transition: opacity 0.6s ease-in; */
}
/* .imgGroup {
  overflow: hidden;
  position: absolute;
  top:0;bottom:0;left:0;right:0;

  z-index: 1;
} */
#backImg1 {
}
.hollow-mask {
  top:0;right:0;left:0;bottom:0;
  position: absolute;
  z-index: 2;
}
.switcher-container {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.switcher {
  display: inline-block;
}
.imgFadeIn{
  position:absolute;
  top:0;bottom:0;left:0;right:0;

  background:white;
  opacity:0;
}
.fadeInAnimation{
  animation:fade-in 1s;
}
/* .text-container{
  position:absolute;
  bottom:10%;left:50%;
  transform:translateX(-50%);
  color:white;
  z-index:3;

} */

/* .animate-fade-in{
  animation:fade-in 0.5s;
} */
@keyframes fade-in{
  from{opacity:0}
  to{opacity:100}
}
.hollow-slider-container a{
  cursor: pointer;
}
.hollow-slider-container .p2cw_a{
  display:none;
}
.hollow-slider-container a.on{
  background-color:#3e90ff;
}

.hollow-slider-container .p2cw_a{width:100%;overflow:hidden;position:absolute;left:0px;bottom:30px;z-index:9999;text-align:center;}
.hollow-slider-container .p2cw_a a{width:.8rem;height:.8rem;display:inline-block;overflow:hidden;border-radius:50%;margin:0px .4rem;}
.hollow-slider-container .p2cw_a a:nth-child(1){background:url("/eportal/fileDir/sxkj/resource/cms/2021/08/img_pc_site/jtyw_03.png") center no-repeat;background-size:100%;}
.hollow-slider-container .p2cw_a a:nth-child(1):hover{background:url("/eportal/fileDir/sxkj/resource/cms/2021/08/img_pc_site/jtyw_01_on.png") center no-repeat;background-size:100%;}
.hollow-slider-container .p2cw_a a:nth-child(2){background:url("/eportal/fileDir/sxkj/resource/cms/2021/08/img_pc_site/jtyw_04.png") center no-repeat;background-size:100%;}
.hollow-slider-container .p2cw_a a:nth-child(2):hover{background:url("/eportal/fileDir/sxkj/resource/cms/2021/08/img_pc_site/jtyw_02_on.png") center no-repeat;background-size:100%;}